body{
  background-color: #f7f7f7;
}
.container{
  width: 980px;
}

.site-header{
  height: 180px;
  position: relative;
  background-color: #00997B;
  .banner{
    padding-top: 21px;
    padding-left: 25px;
    position: relative;
    h1{
      font-weight: normal;
    }
    .logo-link{
      position: absolute;
      top:0px;
      left: -20px;
    }
  }
  .nav-wrap{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #18bc9c;
  }
  .navbar{
    margin-bottom: 0px;
  }
  .navbar-collapse{
    padding-left: 0px;
    padding-right: 0px;
  }
}

.site-con{
  min-height: 500px;
  padding-top: 20px;
}

.con-section{
  padding-bottom: 20px;
  .sec-header{
    border-bottom: 1px solid #eee;
    h1{
      margin-top: 0px;
      font-size: 30px;
    }
  }
  .sec-con{
    padding-top: 10px;
    line-height: 2em;
  }

}

.site-sidebar{
  .wrap{
    width: 225px;
  }
  &.affix{
    top:15px;
  }
  .nav{
    li{
      a{
        padding:5px;
        border-radius: 0px;
      }
      &.active a{
        background-color: inherit;
        color:inherit;
      }
    }
  }
}

.site-footer{
  color:#ccc;
  font-size: 12px;
  padding-bottom: 20px;
}